.wrap{
	width: 100%;
	margin: 0 auto;
	background-color:#FEFEFE;
	background-size:100%;
	overflow: hidden;
	height: 28.4rem;
}
.rank{
	width: 100%;
	margin: 0 auto;
	margin-top: .5rem;
	border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
	-moz-border-radius:0.25rem ;
	background-color:#FEFEFE;
}
.nav{
	overflow: hidden;
}
.left{
	border-bottom: 0.05rem solid #F5A623;
}
.nav div{
	
	width: 50%;
	text-align: center;
	font-size: 0.8rem;
	float: left;
	height: 1.7rem;
	line-height: 1.7rem;
}
.data{
	padding-bottom: 0.5rem;
	height: 22rem;
	overflow: scroll;
}
.con{
	margin-top: .25rem;
}
.con .title{
	/*overflow: hidden;*/
}
.con .title li{
	float: left;
	width: 20%;
	font-size: 0.7rem;
	height: 1.0rem;
	line-height: 1.0rem;
	text-align: center;
}
.con .title li.nav_one{
	width: 18%;
}
.con .title li.nav_two{
	width: 18%;
}
.con .title li.nav_five{
	width: 24%;
}
.con .data li{
	height: 1.5rem;
	margin-top: 0.25rem;
}
.con .data li span{
	float: left;
	font-size: 0.7rem;
	overflow: hidden;
	width: 20%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	display: inline-block;
}
.con .data li span.one{
	width: 18%;
}
.con .data li span.two{
	width: 18%;
}
.con .data li span.two img{
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	border-radius: 50%;
}
.con .data li span.five{
	width: 24%;
}
.con .data li .two{
	background-repeat:no-repeat ;
	background-size:1.5rem 1.5rem;
	background-position:center ;
}
.data li:nth-child(1) span.one{
	color: rgba(255,255,255,0);
	background: url(../images/rank/one.png) no-repeat;
	background-size:1.5rem 1.5rem;
	background-position:center ;
}
.data li:nth-child(2) span.one{
	color: rgba(255,255,255,0);
	background: url(../images/rank/two.png) no-repeat;
	background-size:1.5rem 1.5rem;
	background-position:center ;
}
.data li:nth-child(3) span.one{
	color: rgba(255,255,255,0);
	background: url(../images/rank/three.png) no-repeat;
	background-size:1.5rem 1.5rem;
	background-position:center ;
}

